<!DOCTYPE html>
<html class="no-js" lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>AIIT工作招聘网站</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">

    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/flaticon.css">

    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/css/plugins/slick.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>
    <header class="header">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <!-- Header Logo Start -->
                <div class="col">
                    <div class="header-logo">
                        <a href="index.html" title="5AM">
<!--                            <img src="assets/images/logo/han.jpg" width="100" height="100" alt="Site Logo" >-->
                        </a>
                    </div>
                </div><!-- Header Logo End -->

                <!-- Offcanvas Toggle Start -->
                <div class="col-auto d-lg-none d-flex align-items-center">
                    <button class="offcanvas-toggle">
                        <span></span>
                    </button>
                </div>
                <!-- Offcanvas Toggle End -->

                <!-- Header Links Start -->
                <div class="header-links col-auto order-lg-3">
                    <a th:href="@{/login}"  data-target="#loginSignupModal" data-target-sub="#login">登录</a>
                    <span>&</span>
                    <a th:href="@{/register}" data-target="#loginSignupModal" data-target-sub="#signup">注册</a>

                </div>
                <!-- Header Links End -->

                <!-- Header Menu Start -->
                <nav id="main-menu" class="main-menu col-lg-auto order-lg-2">
                    <ul>
                        <li class="has-children"><a href="index.html">主页</a>
                            <ul class="sub-menu">
                                <li><a href="index.html">第一个主页</a></li>
                                <li><a href="index-2.html">第二个主页</a></li>
                            </ul>
                        </li>
                        <li class="has-children"><a href="job-list.html">工作</a>
                            <ul class="sub-menu">
                                <li><a href="job-list.html">工作列表</a></li>
                                <li><a href="job-single.html">工作简介</a></li>
                            </ul>
                        </li>
                        <li><a href="company-list.html">公司</a>
                            <ul class="sub-menu">
                                <li><a href="company-list.html">公司列表</a></li>
                                <li><a href="company-single.html">公司介绍</a></li>
                                <li><a href="create-job.html">申请工作</a></li>
                            </ul>
                        </li>
                        <li><a href="company-list.html">公司管理</a></li>
                        <li><a href="company-list.html">后台入口</a></li>

                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
                <!-- Header Menu End -->
            </div>
        </div>
    </header>


    <!--Offcanvas Section Start-->
    <div id="offcanvas" class="offcanvas-section">
        <button class="offcanvas-close" data-target="#offcanvas">&times;</button>
        <div class="offcanvas-wrap">
            <div class="inner">

                <!-- Offcanvas user Start -->
                <div class="offcanvas-user">

                    <a th:href="@{/login}" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#login">登录</a>
                    <span>&</span>
                    <a th:href="@{/register}" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#signup">注册</a>
                </div>
                <!-- Offcanvas user End -->

                <!-- Offcanvas Menu Start -->
                <div class="offcanvas-menu">
                    <nav>
                        <ul>
                            <li class="has-children"><a href="index.html">主页</a>
                                <ul class="sub-menu">
                                    <li><a href="index.html">第一个主页</a></li>
                                    <li><a href="index-2.html">第二个主页</a></li>
                                </ul>
                            </li>
                            <li class="has-children"><a href="job-list.html">工作</a>
                                <ul class="sub-menu">
                                    <li><a href="job-list.html">工作列表</a></li>
                                    <li><a href="job-single.html">工作简介</a></li>
                                </ul>
                            </li>
                            <li><a href="company-list.html">公司</a>
                                <ul class="sub-menu">
                                    <li><a href="company-list.html">公司列表</a></li>
                                    <li><a href="company-single.html">公司介绍</a></li>
                                    <li><a href="create-job.html">申请工作</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- Offcanvas Menu End -->
            </div>
        </div>
    </div>
    <!--Offcanvas Section End-->
    <!--OffCanvas Overlay-->
    <div class="offcanvas-overlay"></div>
    <!-- Slider Section Start -->
    <div class="slider-section section">
        <div class="slide-item bg-parallax" data-bg-image="assets/images/slider/slider-1.jpg" data-overlay="50">
            <div class="container">
                <div class="slider-content text-center">
                    <h2 class="title">聚天下英才,招贤良能士</h2>
                    <p>More then <span>1,524</span> job listed here.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- Slider Section End -->

    <!-- Job Search Section Start -->
    <div class="job-search-section section">
        <div class="container">
            <div class="job-search-wrap">

                <!-- Job Search Form Start -->
                <div class="job-search-form">
                    <form action="#">
                        <div class="row mb-n4">

                            <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4">
                                <input type="text" placeholder="e.g. web design">
                            </div>

                            <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4">
                                <input type="text" placeholder="Location">
                            </div>

                            <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4">
                                <select>
                                    <option value="1">Any category</option>
                                    <option value="2">Web Designer</option>
                                    <option value="3">Web Developer</option>
                                    <option value="4">Graphic Designer</option>
                                    <option value="5">App Developer</option>
                                    <option value="6">UI &amp; UX Expert</option>
                                </select>
                            </div>

                            <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4">
                                <button class="btn btn-primary">Search</button>
                            </div>

                        </div>
                    </form>
                </div>
                <!-- Job Search Form End -->

            </div>
        </div>
    </div>
    <!-- Job Search Section End -->

    <!-- Recent Jobs Start -->
    <div class="section section-padding">
        <div class="container">
            <div class="section-title">
                <h2 class="title">Latest Jobs</h2>
                <p>Here's the most recent job listed on the website.</p>
            </div>

            <!-- Job List Wrap Start -->
            <div class="job-list-wrap">

                <!-- Job List Start -->
                <a href="job-single.html" class="job-list">
                    <div class="company-logo col-auto">
                        <img src="assets/images/companies/company-1.png" alt="Company Logo">
                    </div>
                    <div class="salary-type col-auto order-sm-3">
                        <span class="salary-range">$5000 - $8000</span>
                        <span class="badge badge-success">Full Time</span>
                    </div>
                    <div class="content col">
                        <h6 class="title">Full Stack Backend Developer</h6>
                        <ul class="meta">
                            <li><strong class="text-primary">Envato</strong></li>
                            <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                        </ul>
                    </div>
                </a>
                <!-- Job List Start -->

                <!-- Job List Start -->
                <a href="job-single.html" class="job-list">
                    <div class="company-logo col-auto">
                        <img src="assets/images/companies/company-2.png" alt="Company Logo">
                    </div>
                    <div class="salary-type col-auto order-sm-3">
                        <span class="salary-range">$7000 - $13000</span>
                        <span class="badge badge-warning">Part Time</span>
                    </div>
                    <div class="content col">
                        <h6 class="title">Product UI & UX Expert</h6>
                        <ul class="meta">
                            <li><strong class="text-primary">Astha</strong></li>
                            <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                        </ul>
                    </div>
                </a>
                <!-- Job List Start -->

                <!-- Job List Start -->
                <a href="job-single.html" class="job-list">
                    <div class="company-logo col-auto">
                        <img src="assets/images/companies/company-3.png" alt="Company Logo">
                    </div>
                    <div class="salary-type col-auto order-sm-3">
                        <span class="salary-range">$5000 - $8000</span>
                        <span class="badge badge-danger">Freelance</span>
                    </div>
                    <div class="content col">
                        <h6 class="title">Full Stack Backend Developer</h6>
                        <ul class="meta">
                            <li><strong class="text-primary">Github</strong></li>
                            <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                        </ul>
                    </div>
                </a>
                <!-- Job List Start -->

                <!-- Job List Start -->
                <a href="job-single.html" class="job-list">
                    <div class="company-logo col-auto">
                        <img src="assets/images/companies/company-4.png" alt="Company Logo">
                    </div>
                    <div class="salary-type col-auto order-sm-3">
                        <span class="salary-range">$7000 - $13000</span>
                        <span class="badge badge-success">Full Time</span>
                    </div>
                    <div class="content col">
                        <h6 class="title">Product UI & UX Expert</h6>
                        <ul class="meta">
                            <li><strong class="text-primary">Medicore</strong></li>
                            <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                        </ul>
                    </div>
                </a>
                <!-- Job List Start -->

                <!-- Job List Start -->
                <a href="job-single.html" class="job-list">
                    <div class="company-logo col-auto">
                        <img src="assets/images/companies/company-5.png" alt="Company Logo">
                    </div>
                    <div class="salary-type col-auto order-sm-3">
                        <span class="salary-range">$5000 - $8000</span>
                        <span class="badge badge-success">Full Time</span>
                    </div>
                    <div class="content col">
                        <h6 class="title">Full Stack Backend Developer</h6>
                        <ul class="meta">
                            <li><strong class="text-primary">GreenSoul</strong></li>
                            <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                        </ul>
                    </div>
                </a>
                <!-- Job List Start -->

            </div>
            <!-- Job List Wrap Start -->

            <div class="text-center mt-4 mt-lg-5">
                <a href="job-list.html" class="btn btn-primary">View All Jobs</a>
            </div>

        </div>
    </div>
    <!-- Recent Jobs End -->

    <!-- Funfact Section Start -->
    <div class="section section-padding bg-parallax" data-bg-image="assets/images/bg/bg-1.jpg" data-overlay="50">
        <div class="container">
            <div class="funfact-wrap row">

                <!-- Funfact Start -->
                <div class="funfact col-md-3 col-sm-6 col-12">
                    <span class="counter">1354</span>
                    <span class="title">Job Post</span>
                </div>
                <!-- Funfact Start -->

                <!-- Funfact Start -->
                <div class="funfact col-md-3 col-sm-6 col-12">
                    <span class="counter">1741</span>
                    <span class="title">Members</span>
                </div>
                <!-- Funfact Start -->

                <!-- Funfact Start -->
                <div class="funfact col-md-3 col-sm-6 col-12">
                    <span class="counter">1204</span>
                    <span class="title">Resume</span>
                </div>
                <!-- Funfact Start -->

                <!-- Funfact Start -->
                <div class="funfact col-md-3 col-sm-6 col-12">
                    <span class="counter">142</span>
                    <span class="title">Company</span>
                </div>
                <!-- Funfact Start -->

            </div>
        </div>
    </div>
    <!-- Funfact Section End -->

    <!-- Featured Conpanies Start -->
    <div class="section section-padding">
        <div class="container">
            <div class="section-title">
                <h2 class="title">Featured Companies</h2>
                <p>Here's the most job listed by those companies.</p>
            </div>

            <!-- Company List Wrap Start -->
            <div class="company-slider row">

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-1.png" alt="company-1"></span>
                        <h6 class="title">Envato</h6>
                        <span class="open-job">2 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-2.png" alt="company-1"></span>
                        <h6 class="title">Astha</h6>
                        <span class="open-job">1 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-3.png" alt="company-1"></span>
                        <h6 class="title">Github</h6>
                        <span class="open-job">4 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-4.png" alt="company-1"></span>
                        <h6 class="title">Medicore</h6>
                        <span class="open-job">1 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-5.png" alt="company-1"></span>
                        <h6 class="title">Greensoul</h6>
                        <span class="open-job">1 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-6.png" alt="company-1"></span>
                        <h6 class="title">Generous</h6>
                        <span class="open-job">2 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-7.png" alt="company-1"></span>
                        <h6 class="title">Buzco</h6>
                        <span class="open-job">3 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-8.png" alt="company-1"></span>
                        <h6 class="title">Salina</h6>
                        <span class="open-job">1 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-9.png" alt="company-1"></span>
                        <h6 class="title">Hope</h6>
                        <span class="open-job">1 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

                <!-- Company List Start -->
                <div class="col">
                    <a href="company-single.html" class="feature-company">
                        <span class="company-logo"><img src="assets/images/companies/company-10.png" alt="company-span"></span>
                        <h6 class="title">Bebsha</h6>
                        <span class="open-job">2 open positions</span>
                    </a>
                </div>
                <!-- Company List Start -->

            </div>
            <!-- Company List Wrap Start -->

        </div>
    </div>
    <!-- Featured Conpanies End -->

    <!-- Testimonial Section Start -->
    <div class="section section-padding bg-parallax" data-bg-image="assets/images/bg/bg-2.jpg" data-overlay="65">
        <div class="container">

            <!-- Testimonial Slider Start -->
            <div class="testimonial-slider row">

                <!-- Testimonial Start -->
                <div class="col">
                    <div class="testimonial text-center text-white">
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                        <img src="assets/images/authors/author-1.jpg" alt="">
                        <h6 class="name">Sharon Harper</h6>
                        <span class="title">Marketer of Hastech</span>
                    </div>
                </div>
                <!-- Testimonial End -->

                <!-- Testimonial Start -->
                <div class="col">
                    <div class="testimonial text-center text-white">
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                        <img src="assets/images/authors/author-2.jpg" alt="">
                        <h6 class="name">Harold McCoy</h6>
                        <span class="title">CEO of Hastech</span>
                    </div>
                </div>
                <!-- Testimonial End -->

                <!-- Testimonial Start -->
                <div class="col">
                    <div class="testimonial text-center text-white">
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                        <img src="assets/images/authors/author-3.jpg" alt="">
                        <h6 class="name">Ronald Wright</h6>
                        <span class="title">Admin of Hastech</span>
                    </div>
                </div>
                <!-- Testimonial End -->

            </div>
            <!-- Testimonial Slider End -->

        </div>
    </div>
    <!-- Testimonial Section End -->
    <!-- Footer Top Section Start -->
    <div class="footer-top-section section">
        <div class="container">
            <div class="footer-widget-wrap row">

                <!-- Footer Widget Start -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="footer-widget">
                        <div class="footer-widget-about">
                            <h1 class="title">5AM</h1>
                            <p>5AM团队祝你找到合适的工作,加油年轻人</p>

                            <ul class="footer-socail">
                                <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                                <li><a href="#"><i class="fa fa-qq"></i></a></li>
                                <li><a href="#"><i class="fa fa-phone"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Footer Widget End -->

                <!-- Footer Widget Start -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="footer-widget">
                        <h6 class="title">快速联系</h6>
                        <div class="footer-widget-link">
                            <ul>
                                <li><a href="#">发布新工作</a></li>
                                <li><a href="#">工作列表</a></li>
                                <li><a href="#">员工列表</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Footer Widget End -->

                <!-- Footer Widget Start -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="footer-widget">
                        <h6 class="title">Tranding Jobs</h6>
                        <div class="footer-widget-link">
                            <ul>
                                <li><a href="#">Designer</a></li>
                                <li><a href="#">UI & UX Expert</a></li>
                                <li><a href="#">Develpoer</a></li>
                                <li><a href="#">iOS developer</a></li>
                                <li><a href="#">Front-End developer</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Footer Widget End -->

                <!-- Footer Widget Start -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="footer-widget">
                        <h6 class="title">Newsletter</h6>
                        <div class="footer-widget-newsletter">
                            <p>Subscribe to Lawson to get all latest Job, Resume, Company Listing & Blog post to stay update.</p>
                            <form id="mc-form" class="mc-form">
                                <input id="mc-email" autocomplete="off" type="email" placeholder="Enter your e-mail address">
                                <button id="mc-submit" class="btn"><i class="fa fa-envelope-o"></i></button>
                            </form>
                            <!-- mailchimp-alerts Start -->
                            <div class="mailchimp-alerts text-centre">
                                <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                <div class="mailchimp-success text-success"></div><!-- mailchimp-success end -->
                                <div class="mailchimp-error text-danger"></div><!-- mailchimp-error end -->
                            </div><!-- mailchimp-alerts end -->
                        </div>
                    </div>
                </div>
                <!-- Footer Widget End -->

            </div>
        </div>
    </div>
    <!-- Footer Top Section End -->

    <!-- Footer Bottom Section Start -->
    <div class="footer-bottom-section section">
        <div class="container">
            <div class="row">

                <!-- Footer Copyright Start -->
                <div class="col-12">
                    <p class="footer-copyright text-center">Copyright &copy; 2019 <a href="https://www.genban.org/">Hasthemes</a> All Rights Reserved.</p>
                </div>
                <!-- Footer Copyright End -->

            </div>
        </div>
    </div>
    <!-- Footer Bottom Section End -->

    <!-- JS
============================================ -->

    <!-- Google Map API JS -->
    <script src='https://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
    <!-- Vendors JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.4.1.min.js"></script>
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <!-- Plugins JS -->
    <script src="assets/js/plugins/slick.min.js"></script>
    <script src="assets/js/plugins/jquery.waypoints.min.js"></script>
    <script src="assets/js/plugins/jquery.counterup.min.js"></script>
    <script src="assets/js/plugins/jquery.parallax.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/ion.rangeSlider.min.js"></script>
    <script src="assets/js/plugins/jquery.scrollUp.min.js"></script>
    <!-- Main Activation JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>